@import "../../app/variable.less";
.wl-expansion-wrapper{
    position: absolute;
    height: 100%;
    right: 2vh;
    z-index: 10;
    padding: 2vh 0 4vh 0;
    top: 0;
    box-sizing: border-box;
    z-index: @zx10;
    .wl-expansion-inner{
        height: 100%;
        .fv3();
        .inner-top{
            .fv1();
            .btn-expansion{
                width: 4vh;
                height: 4vh;
                background-color: transparent;
                cursor: pointer;
                position: relative;
                .fh1();
                &.btn-music{
                    background-image: url(../../../public/images/btn-music.png);
                    .bg-cover();
                }
            }
        }
        .inner-bottom{
            .fv1();
            .btn-expansion{
                width: 4vh;
                height: 4vh;
                background-color: transparent;
                margin-bottom: 1vh;
                cursor: pointer;
                position: relative;
                .fh1();
                &.btn-import{
                    background-image: url(../../../public/images/btn-import.png);
                    .bg-cover();
                }
                &.btn-export{
                    background-image: url(../../../public/images/btn-export.png);
                    .bg-cover();
                }
                &.nmb{
                    margin-bottom: 0;
                }
                >input[type="file"]{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: @zx01;
                    opacity: 0;
                    cursor: pointer;
                }
            }
        }

    }
}